.main_body{
	position: absolute;
	height: 100%;
	width: 100%;
}
.join_box{
	position: absolute;
	padding-top: 4%;
	height: 100%;
	width: 100%;
	background: rgb(55,55,55);
}

.join_bg{
	margin: 0 20px;
}
.join_bg>img{
	width: 100%;
}
.join_swiper{
	height: 90%;
}
.join_content{
	height: 86%;
}
.join_page{
	height: 100%;
	margin: 0 12px;
	border-radius: 5px;
	overflow: hidden;
}
.join_page>img{
	width: 100%;
}
.join_option{
	width: 100%;
}
.join_option>span{
	display: block;
	float: left;
	text-align: center;
	width: 50%;
	color: white;
	line-height: 36px;
	letter-spacing: 1px;
	padding-bottom: 3px;
	border-top: 3px rgb(120,120,120) solid;
	background: rgb(120,120,120);
}
.tag_on{
	color: rgb(80,80,80) !important;
	border-top: 3px rgb(208,175,102) solid !important;
	background: rgb(245,245,245) !important;
}
.join_info{
	width: 100%;
    height: 60%;
	background: rgb(245,245,245);
	color: rgb(130,130,130);
	padding-top: 5%;
	padding-bottom: 5%;
}
.join_info>div{
	display: none;
	overflow: hidden;
	height: 100%;
	margin: 0 16px;
}
.footer_box{
	margin-top: 0;
}